import React, { PureComponent } from 'react'
import { Spin, Card, Icon, Alert } from 'antd'

export default class spin extends PureComponent {
  render () {
    return (
      <div>
        <Card title="spin">
          <Spin size="small" />
          <Spin />
          <Spin size="large" />
          <Spin indicator={<Icon type="loading" style={{ fontSize: 24 }} spin />} />
        </Card>
        <Card>
          <Spin tip="Loading...">
            <Alert
              message="Alert message title"
              description="Further details about the context of this alert."
              type="info"
            />
          </Spin>,
</Card>
      </div>
    )
  }
}
